<template>
  <h2>生命周期</h2>
</template>

<script>
import { onMounted } from "vue";
export default {
  setup() {
    // 在setup里面，beforeCreate和created没有了, setup本身也会自动执行
    // console.log("created");

    // 生命周期全部前面加上on，要从vue结构，可以直接执行，里面传入回调函数
    // 变成函数就可以多次调用,也是为了功能分离
    onMounted(() => {
      console.log("mounted");
    });
  },

  // mounted() {},
};
</script>
